<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./static/css/index.css">
    <link rel="stylesheet" href="./static/css/swiper.min.css">

    <style>
        .m_l_9 {
            margin-left: 18px;
        }

        .flow {
            z-index: 1000;
            /* top:400px; */
        }

        .change_flow {
            top: 665px;
        }

        .swiper-container {
            width: 100%;
            height: 100%;
        }

        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;

            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }
        .slide_container{
            width: 1132px;
            position: absolute;
            top:0%;
            left:50%;
            margin-left: -566px;
           
        }
        .main_user .main_user_list .m_l_9{
            margin-left: 19px;
        }
    </style>
    <title>首页</title>
</head>

<body>
    <!-- header s -->
    <div class="header">
        <ul class="header_wrapper clearfix">
            <li class="logo">
                EASY-RD
            </li>
            <li class="header_nav">
                <a href="javascript:void(0)"> 塑料零件加工</a>
            </li>
            <li class="header_nav">
                <a href="javascript:void(0)"> 金属零件加工</a>
            </li>
            <li class="header_nav">
                <a href="javascript:void(0)">模具加工</a>
            </li>
            <li class="header_nav">
                <a href="javascript:void(0)"> 零件购买</a>
            </li>
            <li class="header_nav">
                <a href="javascript:void(0)">资讯</a>
            </li>
            <li class="header_border">
                <a href="javascript:void(0)">在线报价</a>
            </li>
            <li class="header_icon">
                <div class="header_red_dot">1</div>
                <img src="./static/img/index/nav_shopping_normal@3x.png" alt="">
            </li>
            <li class="zhuce login_base">
                <a href="javascript:void(0)"> 注册</a>
            </li>
            <li class="header_line">
                |
            </li>
            <li class="denglu login_base">
                <a href="javascript:void(0)">登录</a>
            </li>
        </ul>
    </div>
    <!--header e  -->

    <!-- banner s-->
    <div class="banner" style="position: relative;">
        <!-- Swiper -->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide" style="background-color: black;">
                   
                    <div class="slide_container">
                            <img src="./static/img/index/pic_banner@3x.png" alt="" style="margin-top:83px;width: 579px;height:386px;display: block;float: right;">
                            <ul class="f_l" style="text-align: left;color:#fff;">
                                <li style="font-size: 38px;margin-top:174px;margin-bottom: 27px; ">
                                        专注生产加工工艺
                                </li>
                                <li style="font-size: 24px;margin-bottom:39px;">
                                        先进设备、技术成熟、在线选择加工工艺、快速响应
                                </li>
                                <li style="background-color: #fff;color:#008EFF;font-size: 20px;text-align: center;width: 150px;height: 40px;line-height: 40px;border-radius:2px; ">
                                       <a href="#" style="color:#008EFF"> 了解详情</a>
                                </li>
                            </ul>
                    </div>
                </div>
                <div class="swiper-slide">Slide 2</div>
                <div class="swiper-slide">Slide 3</div>
                <div class="swiper-slide">Slide 4</div>
                <div class="swiper-slide">Slide 5</div>
                <div class="swiper-slide">Slide 6</div>
                <div class="swiper-slide">Slide 7</div>
                <div class="swiper-slide">Slide 8</div>
                <div class="swiper-slide">Slide 9</div>
                <div class="swiper-slide">Slide 10</div>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
            <!-- Add Navigation -->
            <!-- <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div> -->
        </div>
    </div>
    <!-- banner e -->

    <!-- flow s-->
    <div class="flow change_flow">
        <ul class="flow_wrapper">
            <li class="logo">
                <a href="javascript:void(0);"> EASY-RD</a>
            </li>
            <li>
                <a href="javascript:void(0);"> 塑料零件加工</a>
            </li>
            <li>
                <a href="javascript:void(0);">金属零件加工</a>
            </li>
            <li>
                <a href="javascript:void(0);">摸具加工</a>
            </li>
            <li>
                <a href="javascript:void(0);">零件购买</a>
            </li>
            <li>
                <a href="javascript:void(0);">咨询</a>
            </li>
            <li>
                <a href="javascript:void(0);">在线报价</a>
            </li>
            <li class="flow">
                <a href="javascript:void(0);">
                    <div class="inner_flow">
                        <div class="header_red_dot">1</div>
                        <img src="./static/img/index/nav_shopping_normal@3x.png" alt="">
                    </div>
                </a>
            </li>
        </ul>
    </div>
    <!-- flow e -->

    <!-- main s -->
    <div class="main">
        <!-- main header s -->
        <div class="main_header">
            <div class="main_header_inner">
                <p class="main_header_inner_top">
                    在线加工入口
                </p>
                <p class="main_header_inner_bottom">
                    在线下单、自动报价、进度跟踪
                </p>

                <div class="main_box_inner_main">
                    <ul class="o_f_h">
                        <li class="header_inner_main_box_wrapper">
                            <img src="./static/img/index/pho_metal@2x.png" alt="">
                            <div class="main_box_inner_main_btn">
                                金属零件加工
                            </div>
                            <ul class="main_box_inner_main_detail">
                                <li>
                                    样品、模型、验证件
                                </li>
                                <li>
                                    1到100套产品
                                </li>
                                <li>
                                    1到10天内发运
                                </li>
                            </ul>
                        </li>

                        <li class="header_inner_main_box_wrapper m_l_130 o_f_h">
                            <img src="./static/img/index/pho_plastic@2x.png" alt="">
                            <div class="main_box_inner_main_btn">
                                塑料零件加工
                            </div>
                            <ul class="main_box_inner_main_detail">
                                <li>
                                    样品、模型、验证件
                                </li>
                                <li>
                                    1到100套产品
                                </li>
                                <li>
                                    1到10天内发运
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>



        </div>
        <!-- main header e -->

        <!-- main_list s -->
        <div class="main_list w_980">
            <ul class="o_f_h">
                <li class="main_list_box">
                    <img src="./static/img/index/ic_users@3x.png" alt="">
                    <p class="main_list_box_header_p">
                        7060+
                    </p>
                    <p class="main_list_box_min">
                        全球优质客户信任
                    </p>
                </li>

                <li class="main_list_box">
                    <img src="./static/img/index/ic_number@3x.png" alt="">
                    <p class="main_list_box_header_p">
                        12,000,000+
                    </p>
                    <p class="main_list_box_min">
                        累计交付零件数
                    </p>
                </li>
                <li class="main_list_box">
                    <img src="./static/img/index/ic_sum_money@3x.png" alt="">
                    <p class="main_list_box_header_p">
                        160,000,000+
                    </p>
                    <p class="main_list_box_min">
                        累计订单金额
                    </p>
                </li>
                <li class="main_list_box m_r_0">
                    <img src="./static/img/index/ic_deliver_time@3x.png" alt="">
                    <p class="main_list_box_header_p">
                        8小时
                    </p>
                    <p class="main_list_box_min">
                        最快交付时间
                    </p>
                </li>
                <li class="main_list_box">
                    <img src="./static/img/index/ic_satisfied@3x.png" alt="">
                    <p class="main_list_box_header_p">
                        99.8%
                    </p>
                    <p class="main_list_box_min">
                        客户满意率
                    </p>
                </li>
                <li class="main_list_box">
                    <img src="./static/img/index/ic_qualified@3x.png" alt="">
                    <p class="main_list_box_header_p">
                        99.9+
                    </p>
                    <p class="main_list_box_min">
                        一次下线合格率
                    </p>
                </li>
                <li class="main_list_box">
                    <img src="./static/img/index/ic_service_time@3x.png" alt="">
                    <p class="main_list_box_header_p">
                        24小时
                    </p>
                    <p class="main_list_box_min">
                        提供24小时在线服务
                    </p>
                </li>
                <li class="main_list_box m_r_0">
                    <img src="./static/img/index/ic_users@3x.png" alt="">
                    <p class="main_list_box_header_p">
                        1小时
                    </p>
                    <p class="main_list_box_min ">
                        平均排单上机时间
                    </p>
                </li>
            </ul>

        </div>
        <!-- main_list e -->

        <!-- main process s -->
        <div class="main_pross">
            <div class="main_pross_inner">
                <img src="./static//img//index/pic_production_process@3x.png" alt="">
                <ul class="o_f_h">
                    <li class="main_pross_inner_title">
                        工序介绍
                    </li>
                    <li class="main_pross_inner_m">
                        品质可靠、产品应用广泛、价格合理、交货准时
                    </li>
                </ul>


            </div>
        </div>
        <!-- main process e -->


        <!-- main opt s -->
        <div class="main_opt">

            <p class="main_opt_header">
                平台操作
            </p>
            <p class="main_opt_header_b">
                Operating&nbsp;&nbsp;Procedures
            </p>


            <!-- list s -->
            <ul class="main_opt_list o_f_h">
                <li class="main_opt_list_box f_l">
                    <img src="./static/img/index/pho_3D_model@3x.png" alt="">
                    <p class="main_opt_list_title">
                        1.上传3D模型
                    </p>
                    <p class="main_opt_list_main">
                        选设计3D模型，我们支持140多种 3D格式文件（.STP .STL .obj .igs……） 以零件图方式批量上传即可。
                    </p>
                </li>

                <li class="main_opt_list_box m_l_74 f_l">
                    <img src="./static/img/index/pho_auto_quotation@3x.png" alt="">
                    <p class="main_opt_list_title">
                        2.在线自动报价
                    </p>
                    <p class="main_opt_list_main">
                        在线选择加工工艺、材质、表面处 理方式，即可立即获得报价。并可以立 即获得不同的工艺的价格交期对比。加 工完成还可获得零件的阶梯价格。
                    </p>
                </li>

                <li class="main_opt_list_box m_l_74 f_l">
                    <img src="./static/img/index/pho_order@3x.png" alt="">
                    <p class="main_opt_list_title">
                        3.在线下
                    </p>
                    <p class="main_opt_list_main">
                        在线立即支付或线下企业汇款完成 下单，你的零件在1个小时内就可以安 排上机生产。零件最快24h内就可以完 成交付。
                    </p>
                </li>
            </ul>

            <!-- list e -->

        </div>
        <!-- main opt e -->

        <!-- user s -->
        <div class="main_user">
            <div class="main_user_inner o_f_h">
                <p class="main_user_header">
                    典型客户
                </p>
                <p class="main_user_w">
                    Typical customers
                </p>

                <ul class="main_user_list">
                    <li class="">
                        <img src="./static/img/index/custo_logo_daiho@3x.png" alt="">
                    </li>

                    <li class="m_l_9">
                        <img src="./static/img/index/custo_logo_lixun@3x.png" alt="">
                    </li>
                    <li class="m_l_9">
                        <img src="./static/img/index/custo_logo_suofeiya@3x.png" alt="">
                    </li>

                    <li class="m_l_9">
                        <img src="./static/img/index/custo_logo_dongpeng@3x.png" alt="">
                    </li>

                    <li class="m_l_9">
                        <img src="./static/img/index/custo_logo_mitac@3x.png" alt="">
                    </li>
                    <li class="m_l_9">
                        <img src="./static/img/index/custo_logo_toyo@3x.png" alt="">
                    </li>
                    <li class="">
                        <img src="./static/img/index/custo_logo_honcu@3x.png" alt="">
                    </li>
                    <li class="m_l_9">
                        <img src="./static/img/index/custo_logo_chinese@3x.png" alt="">
                    </li>
                    <li class="m_l_9">
                        <img src="./static/img/index/custo_logo_compart@3x.png" alt="">
                    </li>
                    <li class="m_l_9">
                        <img src="./static/img/index/custo_logo_heron@3x.png" alt="">
                    </li>
                    <li class="m_l_9">
                        <img src="./static/img/index/custo_logo_sdyw@3x.png" alt="">
                    </li>
                    <li class="m_l_9">
                        <img src="./static/img/index/custo_logo_wanrun@3x.png" alt="">
                    </li>
                </ul>
            </div>

            <!-- bottom _img s -->
            <img src="./static/img/index/index_user_bg.jpg" alt="" class="main_user_bottom_img">
            <!-- bottom img e -->
        </div>
        <!-- user e -->

        <!-- baojia s -->
        <div class="baoijia_container">
            <p class="bj_container_header">
                “一分钟报价，一小时上机”
            </p>
            <p class="bj_contaienr_bottom">
                立即开始您的在线数字化制造之旅
            </p>

            <div class="bj_container_btn" style="cursor: pointer;">
                免费注册
            </div>
        </div>

        <!--  baojia e -->


        <!-- footer s -->
        <div class="footer">
            <div class="footer_inner o_f_h">
                <div class="footer_inner_header o_f_h">

                    <ul class="footer_inner_left o_f_h">
                        <li>
                            <a href="">
                                塑料零件加工
                            </a>
                        </li>
                        <li class="m_l_54">
                            <a href="">
                                金属零件加工
                            </a>
                        </li>
                        <li class="m_l_54">
                            <a href="">
                                模具加工
                            </a>
                        </li>
                        <li class="m_l_54">
                            <a href="">
                                资讯
                            </a>
                        </li>
                        <li class="m_l_54">
                            <a href="">
                                应用展示
                            </a>
                        </li>
                    </ul>

                    <div class="footer_inenr_right">
                        EASY-RD
                    </div>
                </div>

                <div class="footer_middle">
                    友情链接：
                    <a href="">博实永道深圳3d打印服务</a>
                    <a href="">91打印</a>
                    <a href="">蓝鲸工业设计</a>
                    <a href="">360VR导航无人机</a>
                    <a href="">世界新奇谷大数据</a>
                    <a href="">重量检测机</a>
                    <a href="">智能汽车</a>
                    <a href="">3D打印资源库</a>
                    <a href="">全球玻璃机械网</a>
                </div>

                <div class="footer_last_div">
                    Copyright © 2018 云工厂 XXXXXXXX.com | 粤ICP备000000号-1
                </div>

            </div>
        </div>
        <!-- footer e -->
    </div>
    <!-- main e -->



</body>
<!-- Swiper JS -->
<script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="./static/js/swiper.jquery.min.js"></script>
<!-- <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> -->

<!-- Initialize Swiper -->
<script>
    window.log = console.log;
    var swiper = new Swiper('.swiper-container', {
        loop: true,
        pagination: '.swiper-pagination',
        paginationClickable: true,
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev'
    });

    var change_flow = $(".change_flow").eq(0);
    $(window).scroll(function (e) {
        //log($(window).scrollTop());
        var scroll_top = $(window).scrollTop();
        if (scroll_top >= 200) {
            change_flow.css("top", "300px")
        } else {
            change_flow.css("top", "650px")
        }
    })
</script>

</html>